vue如何新建一个项目(详细步骤)
vue创建项目一、安装node环境与npm1、首先:先从https://nodejs.org/en/中下载node.js按照提示一直点next,直到Finish完成安装2.打开控制命令程序cmd或者PowerShell,检查是否安装成功:如果输出版本号,说明我们安装node环境成功使用淘宝NPM 镜像,国内直接使用npm 的官方镜像是非常慢的,所以推荐使用淘宝 NPM 镜像。(也可以不用,不用直接
vue创建项目
一、安装node环境与npm
1、首先:先从https://nodejs.org/en/中下载node.js
按照提示一直点next,直到Finish完成安装
2.打开控制命令程序cmd或者PowerShell,检查是否安装成功:如果输出版本号,说明我们安装node环境成功
使用淘宝NPM 镜像,国内直接使用npm 的官方镜像是非常慢的,所以推荐使用淘宝 NPM 镜像。(也可以不用,不用直接跳过这一步)
输入:npm install -g cnpm --registry=http://registry.npm.taobao.org
即可安装npm镜像,以后命令再用到npm的地方直接用cnpm来代替就好了。
二、搭建vue项目环境并创建vue项目
1.安装vue-cli(脚手架)
输入:npm install vue-cli -g //安装淘宝镜像的把npm改成cnpm
2.输入:vue list 查看vue-cli是否安装成功,不能检查vue-cli,需要检查vue
3.选定自己新建vue项目的路径,这里我是把它建在D:\前端学习\vue
4.新建项目,输入:vue init webpack +项目名称
5.根据自己需求配置,我选NO那几个配置,如果选YES那么就是严格模式,编写项目的时候会出现很多警告错误
6.等创建好以后进入项目安装依赖,输入:npm install (安装淘宝镜像的把npm换成cnpm)
7.运行项目,输入: npm run dev(安装淘宝镜像的把npm换成cnpm)
8.运行网址,项目成功建好啦!!
更多推荐
所有评论(0)