Project description
Vue-cli can be used to quickly create vue projects, nuxt can be used to quickly create Vue projects with SSR server rendering, VUe-CLI is very good, nuxt is also very good, but in the initial setup environment installation vuE-CLI and nuxT related content, It is a headache for some people, so I have written a tutorial on setting up the environment, with detailed analysis of each step as far as possible. At the same time, this project is also vUE Chinese community weekly upgrade version of actual combat project, like you can go to Github point wave star, I hope you can help everyone. WeeklyPlus vue weekly Chinese community server upgrade for rendering weeklyPlus making source download address: https://github.com/wuyanwen/weeklyPlus – welcome to the star
The introduction
- Why make a weeklyPlus system like this?
- Can be a deposit of knowledge
- Be familiar with the latest knowledge of the cutting edge and not limited to the front end
- Can spread to more students who need this knowledge
- There are already many weekly systems in the circle, what’s different about weeklyPlus?
- We promise to be the attitude weekly
- We guarantee that every article we post is meaningful
- We are open Source and welcome every student to contribute
Technology stack
- Nuxt-vue server rendering framework
- Vue-cli-vue. js is the official command line tool provided by vue-cli-vue. js, which can be used to quickly build large single-page applications
- Mongodb – database
- Koa – Public API interface
- Element-ui – Base component library
- Axios – HTTP request
-
Less – a dynamic style language Web application
function
-
Weekly system List
- Weekly background authority control
- Weekly background login function
- Weekly backstage classification add delete change check function
- Weekly background content add delete change check function
Development and deployment
1. Installation node. Js
You can download and install Node.js from the Official Website of Node.js. There are no special points to pay attention to.
After downloading and installing Node. js from the official website, you already have the package management tool (NPM) installed. There is no need to install NPM.
Note The node.js version must be later than Node7.6. It is highly recommended that you install the Node version management tool NVM.
Open the command line tool (any folder) and enter the command line node -v, NPM -v. If the corresponding version number is displayed, the installation is successful.
2. Run the Weekplus project
The database used in this project is mongdb. Open mongDB and set port as 10086. It is strongly recommended that you install the client data of MongDB, MongoChef visual management data.
$NPM install $NPM run start # 2 Switch to the admin folder and run $NPM install $NPM run start # 3. Cut back to the project root directory, $NPM install $NPM run devCopy the codePay attention to
- Mongdb The server ID of the database is 10086
- The server folder starts with the server number 1111
- The server number of the admin folder is 2222, and the default address of the background portal is http://localhost:2222/#/admin
- The default service port number of the foreground is 3333, and the default address of the foreground entrance is http://localhost:3333/
The last
- Welcome issue and PR
- Welcome to join the front combat EXCHANGE QQ group: 541024234