vue创建工程

注意:命令行使用管理员模式
安装vue-cli脚手架:https://blog.csdn.net/sjgllllll/article/details/112694573

1 创建一个名为elementui-vue的工程

vue init webpack elementui-vue

2 进入工程目录

cd elementui-vue

3 安装vue-router

npm install vue-router --save-dev

4 安装element-ui

npm i element-ui -S

5 安装依赖

npm install

6 安装sass加速器

cnpm install sass-loader node-sass --save-dev

7 安装axios

$ npm install axios

8 启动测试

npm run dev
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: vue创建工程步骤如下: 1. 首先确保已经安装了Node.js和npm(node包管理器)。 2. 打开终端或命令提示符,进入到要创建工程的目录。 3. 输入以下命令来安装vue-cli脚手架工具: ``` npm install -g @vue/cli ``` 4. 安装完成后,输入以下命令来创建一个新的vue工程: ``` vue create 项目名 ``` 其中,项目名是你想要创建工程名,可以根据自己的喜好进行命名。 5. 当出现交互式的安装过程时,可以选择手动配置或选择默认配置。手动配置可以选择使用哪些功能插件、CSS预处理器等。选择默认配置可以直接使用vue的推荐配置。 6. 创建工程时会自动下载所需的依赖包,这个过程可能会需要一些时间,取决于网络的快慢和依赖包的多少。 7. 安装完成后,进入到工程目录: ``` cd 项目名 ``` 8. 输入以下命令来运行开发服务器: ``` npm run serve ``` 这将启动一个本地开发服务器,在浏览器中输入localhost:8080即可访问你的vue工程。 9. 开始编写代码吧!可以在src目录下的App.vue文件中编写你的vue组件和样式,也可以在src目录下的main.js文件中做一些全局配置和导入其他模块。 以上就是使用vue-cli创建一个vue工程的步骤,希望能对你有所帮助。 ### 回答2: Vue.js是一种流行的JavaScript框架,可用于创建现代化的web应用程序。下面是在CSDN上创建Vue工程的步骤: 1. 打开CSDN网站,并登录到您的账户。 2. 在CSDN的首页上,点击"首页"下拉菜单中的"博客"选项。 3. 在博客页面的左侧边栏中,找到"写博客"按钮并点击它。 4. 在新的博客编辑页面中,输入博客的标题和内容。您可以自由地撰写有关Vue.js的相关内容,如如何创建Vue工程、其中的关键概念和功能等等。 5. 在编辑页面的上方工具栏中,找到"插入代码"按钮并点击它。这将在您的博客中添加一个代码块。 6. 在代码块中,输入以下步骤来创建Vue工程: ``` // 第一步:安装Vue CLI npm install -g @vue/cli // 第二步:创建Vue工程 vue create <project-name> // 第三步:进入工程目录 cd <project-name> // 第四步:启动本地开发服务器 npm run serve ``` 7. 输入以上步骤到代码块中后,您可以对代码块进行格式化和调整布局,以使其更易于阅读。 8. 最后,您可以在博客编辑页面的下方找到一个预览按钮,点击它以预览您的博客布局和样式。 9. 完成以上步骤后,您可以点击编辑页面上方的"发布"按钮,将您的博客文章发布到CSDN上。 请注意,以上仅是一个基本的指南来帮助您在CSDN上创建Vue工程的博客文章。您可以根据您的需要和偏好进行调整和定制,并且可以添加更多的内容、步骤和示例代码来丰富您的博客内容。 ### 回答3: Vue创建工程的步骤是: 1. 首先,确保已经安装了Node.js和npm(Node Package Manager)。可以在命令行窗口中输入以下命令来检查它们是否已正确安装: ``` node -v npm -v ``` 如果输出有对应的版本信息,则说明已经正确安装。 2. 安装Vue CLI(Command-Line Interface)。在命令行窗口中输入以下命令来安装Vue CLI: ``` npm install -g @vue/cli ``` 这将会全局安装Vue CLI,以便在命令行中使用`vue`命令。 3. 创建Vue工程。在命令行窗口中进入你想要创建工程的目录,然后输入以下命令来创建一个新的Vue工程: ``` vue create my-project ``` 其中`my-project`是你想要创建工程的名称,你可以根据需要自行修改。 4. 选择工程配置。执行完上述命令后,你将会看到一个交互式的工程配置界面。这里你可以选择不同的配置选项,可以使用上下键来选择,使用回车键来确认选择。 5. 等待工程创建完成。在选择完工程配置后,Vue CLI将会自动下载所需的依赖包,并生成一个基本的Vue工程。你可以在命令行窗口中看到工程创建的进度。 6. 进入工程目录。工程创建完成后,你需要进入工程所在的目录。在命令行窗口中输入以下命令: ``` cd my-project ``` 其中`my-project`是你在第3步中设置的工程名称。 7. 启动开发服务器。在工程目录下,输入以下命令来启动开发服务器: ``` npm run serve ``` 这将会启动一个本地开发服务器,并在浏览器中打开工程。你可以在命令行窗口中看到服务器的运行状态。 通过以上步骤,你就成功地创建了一个基于Vue工程。你可以根据需要修改工程目录下的文件,开发你自己的Vue应用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值