Vue3项目创建(基于vue/cli5.0.8)

488 阅读1分钟

1、安装vue/cli

1.1、安装命令

npm install -g @vue/cli

1.2、卸载命令(如果之前安装过vue/cli低版本的可以先卸载再安装)

npm uninstall vue-cli -g

1.3、查看vue/cli版本

vue -V

2、创建项目

2.1、由文件夹进入命令行

2.2、在命令行输入创建命令

vue create 项目名称

2.3、选择手动创建

2.4、配置自定义设置

按空格选择

2.5、选择vue版本

2.6、使用类风格的组件语法

选择y

2.7、使用Babel和TypeScript(现代模式需要,自动检测填充,置换JSX)

选择y

2.8、使用历史模式的路由器

选择n

2.9、选择一个CSS预处理程序

选择Less

2.10、配置文件保存地址

选择独立文件

2.11、是否将这个配置保存下来

选择n

3、运行

3.1、下载npm

打开控制台输入

npm i

3.2、运行vue项目

在控制台输入

npm run serve
或
npm run dev