Vue入门到放弃(一)——HelloWorld

1.安装CLI

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过卸载它:

 npm uninstall vue-cli -g

卸载完旧版本之后就可以安装了:

npm install -g @vue/cli

2.创建项目

选择好项目存放的目录,打开终端输入以下命令创建项目(不能有大写字母):

vue create helloworld

首先需要你选择一个preset,第一个为默认,适合快速创建项目的原型,这里我们直接回车选择第一个就好:

项目创建成功后效果如下:

3.启动项目

参考创建结果,进入项目目录启动项目即可:

cd helloworld
npm run serve

项目启动成功后效果如下:

浏览器访问 http://localhost:8081/,可以看到项目已经成功运行:

猜你喜欢

转载自blog.csdn.net/yu97271486/article/details/114701752
今日推荐